/* 电梯井道样式 */
.elevator-shaft {
  width: 160px;
  height: 556px; /* 3层楼高度，每层180px */
  background-color: #1e293b; /* 替换 theme('colors.elevator.shaft') */
  position: relative;
  overflow: hidden;
  border: 8px solid #8e9196;
  border-radius: 4px;
}

/* 电梯轿厢样式 */
.elevator-cab {
  width: 135px;
  height: 170px;
  background-color: #2563eb; /* 替换 theme('colors.elevator.main') */
  position: absolute;
  bottom: 5px; /* 初始在1楼 */
  left: 5px;
  border-radius: 4px;
  transition: transform 1.5s ease-in-out;
  transform: translateY(0);
}

/* 电梯门样式 - 补充背景色（原代码缺失导致门不显示） */
.elevator-doors {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.door-left, .door-right {
  height: 100%;
  width: 50%;
  position: absolute;
  background-color: #94a3b8; /* 补充电梯门背景色，替换 theme('colors.elevator.door') */
}

.door-left {
  left: 0;
  border-right: 1px solid #64748b;
}

.door-right {
  right: 0;
  border-left: 1px solid #64748b;
}

/* 开门状态 */
.doors-open .door-left {
  transform: translateX(-100%);
}

.doors-open .door-right {
  transform: translateX(100%);
}

/* 楼层标记 */
.floor-marker {
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #64748b;
  left: 0;
}

/* 楼层按钮面板 */
.floor-panel {
  transition: all 0.3s ease;
}

.floor-panel:hover {
  transform: scale(1.05);
}